<template>
    <!-- 流量数据 -->
<div class="traffic-data">
<!-- 应用概要 -->
<div class="application-summary app-container">
<Application-summary></Application-summary>
</div>
<!-- 整体趋势 -->
<div class="overall-trend  app-container">
    <OverallTrend></OverallTrend>
</div>
<div class="multiple-modules">
    <!-- TOP版本 -->
    <div class="version app-container">
        <Version></Version>
    </div>
    <!-- TOP渠道 -->
    <div class="channel app-container">
        <Channel></Channel>
    </div>
</div>
</div>
</template>

<script>
import ApplicationSummary from './components/applicationSummary.vue'
import Channel from './components/channel.vue'
import OverallTrend from './components/overallTrend.vue'
import Version from './components/version.vue'
export default {
  components: { ApplicationSummary,OverallTrend, Version ,
    Channel},

}
</script>

<style>
.multiple-modules {
    display: flex;
    justify-content: space-between;
}
.multiple-modules>div {
    width:50%;
}
</style>